AveStream

Table of Contents

1 What is AveStream

2 Account

2.1 Register

2.2 Login

2.3 Password reset

2.4 Manage your Account

2.4.1 Profile

2.4.2 Email

2.4.3 Password

2.4.4 Personal data

2.4.5 Logout

3 Publishing

3.1 Localisation

3.2 Top Navigation

3.3 Sidebar

4 Customer

4.1 Dashboard

4.1.1 Top Statistic

4.1.2 Customer Metrics

4.2 Settings

4.2.1 General

4.2.2 Site

4.2.3 Article types

4.2.3.1 Edit Article type

4.2.3.2 Overview (Blog and Shop only)

4.2.3.3 Template

4.2.3.4 Labels

4.2.4 Language

4.2.5 External

4.2.5.1 Search Settings

4.2.5.2 Payment providers

4.2.5.3 Google Tag Manager

4.2.5.4 YouTube Data API

4.2.6 Newsletter

4.2.7 Social Media

4.2.8 E-Mail

4.2.9 Toast

4.2.10 Block Styles

4.3 Shop Settings

4.3.1 General

4.3.2 Product

4.3.3 Inventory

4.3.4 Shipping

4.3.5 Buttons

4.3.6 Labels

4.3.7 Page setup

4.4 Sitemap

4.4.1 Chose sitemap

4.4.2 Add new menu-item

4.4.3 Change the order / hierarchy

4.4.4 Edit a menu-item

4.4.5 Preview

4.4.6 Delete a menu-item

4.5 Style & Resources

4.5.1 Main CSS

4.5.2 Block CSS

4.5.3 Resources

5 Media

5.1 Toolbar

5.2 Create Media (Upload / Insert)

5.3 Import Files

5.4 Edit Media

5.5 Delete Media

6 Video-Items

6.1 Streams

6.1.1 Add/Edit stream

6.1.2 Parse stream

6.1.3 Preview stream

6.1.4 QR-Code

6.1.5 Create copy

6.1.6 Create program

6.1.7 Delete stream

6.2 Program

6.2.1 Add/Edit program

6.2.2 Parse program

6.2.3 Preview program

6.2.4 QR-Code

6.2.5 Open externally

6.2.6 Create copy

6.2.7 Create archive

6.2.8 Delete program

6.2.9 Recurring

6.3 Archive

6.3.1 Add/Edit archive

6.3.2 Parse archive

6.3.3 Preview archive

6.3.4 QR-Code

6.3.5 Create copy

6.3.6 Delete archive

6.4 Sequences

6.4.1 Add/Edit sequence

6.4.2 Download sequence

6.4.3 Create copy

6.4.4 Delete sequence

7 Articles

7.1 Search

7.2 Types

7.3 Edit article

7.3.1 Tags

7.3.2 SEO

7.3.3 Publishing

7.3.4 Linked items

7.3.5 Info

7.3.6 Statistics

7.4 Article Metadata

7.4.1 Shop Product

7.4.1.1 General

7.4.1.2 Price / Variants

7.4.1.3 Attributes

7.4.1.4 Options

7.4.1.5 Shipping

7.5 Preview article

7.6 QR-Code

7.7 Export article

7.8 Create copy

7.9 Delete article

7.10 Import Article

7.11 Page settings

7.12 Content-Items

7.12.1 General fields

7.12.2 Text Element

7.12.3 Images

7.12.4 Video

7.12.5 Audio

7.12.6 Downloads

7.12.7 Block

7.12.8 Menu

7.12.9 Page-Index

7.12.10 Article List

7.12.11 Tag-Cloud

7.12.12 Top statistics

7.12.13 Contents

7.12.14 Columns

7.12.15 Plain HTML

7.12.16 Horizontal rule

7.12.17 Form

7.12.18 Records

7.12.19 Share

7.12.20 Donation

7.12.21 Button

7.12.22 Map

7.12.23 Stream

7.12.24 Program

7.12.25 Media archive

7.12.26 Shopping Cart

7.12.27 Shop Checkout

7.12.28 Full Editor (Deprecated)

7.12.29 Data-Source

7.12.30 Search Sitemap

8 Push-Notifications

8.1 Notifications

8.1.1 Add notification

8.2 Registrations

8.2.1 Delete Registrations

9 UI-Elements

9.1 Basic Editor

9.2 Full Editor (Deprecated)

9.3 Filter dialogue

9.3.1 Search items

9.3.2 Select item

9.3.3 Batch actions

9.4 File-Manager

9.5 Lightbox

10 Troubleshooting

10.1 Debug back end response

10.2 Search-bot sitemap

10.3 Open page for in-app-browser

11 Administration

11.1 Backup

11.1.1 Create new Backup

11.1.2 Download Backup

11.1.3 Delete Backup

11.2 Users

11.2.1 Link existing User

11.2.2 Add user (Global Admin only)

11.3 Demo Data Importer

11.3.1 Import Blogs

11.3.2 Import Shop Products

11.3.3 Import Images

12 Glossar

 

Version

Date

Author

Description

0.0.0

09.01.2025

Jürgen Furrer

Initial doc

0.1.0

27.01.2025

Jürgen Furrer

Add Troubleshooting / Settings - Pages

0.2.0

30.01.2025

Jürgen Furrer

Add Position & Alignment to 7.12.1

0.3.0

01.02.2025

Jürgen Furrer

Add labels to download module 7.12.6

0.4.0

09.02.2025

Jürgen Furrer

Add Content TagCloud & Button

0.5.0

21.02.2025

Jürgen Furrer

Add Style Config 4.5

Add DataSource 7.12.29

Add Columns 7.12.14

0.6.0

27.02.2025

Jürgen Furrer

Add Subtitles to Media-Archive 6.3.1

Add Map 7.12.22

Add Administration-Console 11

Add Glossar 12

0.7.0

11.03.2025

Jürgen Furrer

Update Map 7.12.22

Update Customer settings 4.2

Update Style & Resources 4.5

0.8.0

24.03.2025

Jürgen Furrer

Add Media page 5

0.9.0

02.04.2025

Jürgen Furrer

Add Tag Filter for files 5.4

Add Grid Size to the File-Manager 9.4

Add External Search 4.2.5

Add Page-Template 4.2.3.3

Add Image from Clipboard 5.4

Add Top Statistics 7.12.12

Add Article Display Settings 7.12.10

0.10.0

07.04.2025

Jürgen Furrer

Add Registration 2.1

Add User-Management 11.2

Add Demo Data importer 11.3

Add Import Files 5.3

0.11.0

11.04.2025 -

26.04.2025

Jürgen Furrer

Add recurring Program 6.2.9

Add QR-Code Brand 4.2.2

0.12.0

13.05.2025 - 25.05.2025

Jürgen Furrer

Adding Shop settings 4.3

Add statistics download 4.1.1

Add Article Metadata 7.4

0.13.0

17.06.2025

Jürgen Furrer

Add toolbar config 7.12.25

Add bach actions 9.3.3

Add payment providers 4.2.5.2

Add Shop Attributes 7.4.1.3

Add Shop Options 7.4.1.4

Add Search Sitemap 7.12.30

1 What is AveStream

AveStream is a cloud-based Content Management System (CMS) designed for businesses of all sizes. Its core strength lies in its scalability. The platform dynamically adapts to fluctuating traffic demands, ensuring optimal performance during peak periods like seasonal surges, product launches, or viral campaigns.

AveStream is suitable for businesses of all sizes, from small startups to large enterprises, that require a scalable and reliable platform to manage their digital content.
This includes businesses with:

High-traffic websites: E-commerce platforms, online marketplaces, news and media organizations.

Seasonal businesses: Businesses experiencing significant traffic fluctuations throughout the year.

Businesses with rapidly growing content: Blogs, online publications, content marketing agencies.

Global businesses: Companies with a large international audience.

This document highlights key features from a creator's perspective. For additional assistance, please refer to our YouTube help videos.

Find us on:

Website:

https://www.avestream.com

YouTube

https://www.youtube.com/@AveStream

LinkedIn

https://www.linkedin.com/showcase/avestream

BlueSky

https://bsky.app/profile/avestream.bsky.social

 

2 Account

2.1 Register

To create a new account, click the Register button. This button is visible only when you are logged out.

 

Enter your email address. You will need access to this inbox to verify your address during the registration process.

 

Complete the required fields and choose a strong password. Please confirm your password in the designated field.

 

Selecting the "Create Sandbox Company" checkbox will generate a sandbox account, allowing you to test all system features. If you only intend to be invited as an author, you can leave this box unchecked.

 

To manage users with access to your customers, navigate to Users under Management 11.2

 

You will receive an email from the system containing a verification link. If you don't see it in your inbox, please check your spam folder.

 

After clicking the link in the email, you will be redirected to AveStream.

 

If you see a success message after clicking the link, you can now login to the system.

2.2

 

2.2 Login

Click the login link and enter your credentials.

For persistent login, check the Remember me box.

 

2.3 Password reset

If you've forgotten your password, click Forgot your password?.

Enter your email address and click Reset password.

You will receive an email with a password reset link if you have an existing account

 

 

2.4 Manage your Account

After successful Login, click the Profile drop-down and select Manage your Account to update your account information.

2.4.1 Profile

Under Profile you can update your name and address. This personal information is private and not publicly displayed on the website.

 

Only your first and last name will be visible on any blog pages you create.

 

Select your time zone from the drop-down menu.

 

Our system stores all dates in UTC. If your time zone is not correctly set, you may see incorrect date/time displays.

 

Select the level of notifications you wish to receive from the system.

2.4.2 Email

Under Email you can change your email address.

 

Enter your new email address and click Change email.

 

You will receive an email with a confirmation link. Click the link to confirm your new email address.

 

2.4.3 Password

Under Password you can change your password.

 

Enter your current password, then enter and confirm your new password.

 

Click Update password to save the changes.

 

2.4.4 Personal data

Under Personal data you have two options:

 

Download Your Data:
Download a copy of the personal data we have stored about you.

 

Delete Your Account:
This action primarily removes your account from our system.

Important: Deleting your account will not delete any content you have created or shared on the platform.

 

2.4.5 Logout

After clicking Logout, you will be redirected to the start page and logged out of your account.

 

3 Publishing

After logging in, you can access the AveStream Admin Console by clicking the Publishing link in the navigation. The Publishing Console provides an overview of the system's core elements.

3.1 Localisation

The AveStream Publishing console is currently available only in English. However, you can utilize browser-based automatic translation features.

Recommendation:
For optimal translation results, we recommend using a Chromium-based browser (such as Chrome, Brave, Edge).

Firefox Note:
Firefox may not consistently respect "do not translate" settings, which can lead to unexpected translations.

While Firefox can be used with the English version, we advise against using it with automatic translation enabled due to potential issues.

3.2 Top Navigation

1 AveStream Webpage: Access the main AveStream webpage.

2 Customer Selection: Switch between different customer accounts if you have multiple.

3 Webpage Frontend: View the live frontend of your website (root page).

4 Theme Switch: Toggle between Light and Dark mode.

5 Server Notifications: Displays a notification badge with the count of new server notifications. Click the badge to view the notifications in a pop-up modal.

6 Profile: Access and manage your user profile settings (See 2)

3.3 Sidebar

The sidebar allows you to select the specific elements of your website that you wish to edit.

 

A detailed description of each editable item will be provided later.

 

Dashboard

4.1

Settings

4.2

Sitemap

4.4

Style & Resources

4.5

Media

5

Streams

6.1

Program

6.2

Archive

6.3

Sequences

6.4

Articles

7

Notifications

8.1

Registrations

8.2

 

4 Customer

After login, the system will pre-select the first customer assigned to your account. Please ensure you have selected the correct customer before making any edits. You will only see and be able to edit content related to the currently selected customer.

 

4.1 Dashboard

The Dashboard provides an overview of the selected customer

4.1.1 Top Statistic

Top Statistics displays the most watched items.

Entity type

Select the type of item you want to visualize from the dropdown menu

Statistic range

Choose the time period for the statistics (last 24 hours, last week, last month)

Filter Selection

When you filter the selection, only the chosen item will be displayed in the chart and two buttons will appear:

Edit: Opens the form to modify the selected item

Show: Displays a preview of the item

Legend

Shows the name and corresponding color of each item in the chart

Chart

Displays the number of times each item was watched

Download

Choose your desired statistics and opt for detailed statistics if needed.

To download, click the Download CSV button.

 

4.1.2 Customer Metrics

The Customer Metrics area presents data on the quantity of elements created across all entities.

 

4.2 Settings

Under Settings, you can adjust global settings that will apply to all pages within this customer's account.

Note that modifying these settings can have a significant impact on the overall appearance and functionality of the customer's website.

4.2.1 General

Name

The customer's full name

Address

The customer's complete address

Contact email

The customer's primary contact email address

 

4.2.2 Site

Domain name

This is the unique address that users will type in their web browser to access your website. For example, example.com

Frontend URL

This is the complete web address of your website's homepage. For example, https://example.com

Site name

The title that will appear in browser tabs and search results.

Site image

This image will be displayed when your website URL is shared on social media platforms.

Note: If an article has a header image, it will be used as the social share image.

QR-Code Brand

Personalize your QR Codes by selecting a central icon. For a polished look, we recommend uploading PNG files with transparent backgrounds, allowing for seamless integration of your chosen icon.

Error pages

Page Not Found (404):
Select the article to show when a visitor requests a page that doesn't exist (incorrect URL)

Cookie consent

After you've activated the cookie consent feature, you'll be presented with fields where you can enter the specific labels that will be displayed to your website visitors.

These labels are crucial for:

Transparency: Clearly informing visitors about the types of cookies used on your site (e.g., “Essential Cookies”, “Functional Cookies”, “Marketing Cookies”)

User Control: Allowing visitors to easily understand and control which cookies they consent to

Compliance: Ensuring your website complies with relevant data privacy regulations (such as GDPR and CCPA)

 

4.2.3 Article types

This section allows you to manage the different types of articles that can be created on your webpage.

While you can create various article types, the most frequent are typically:
Blogs: For publishing articles, and news
Pages: For creating static content such as “About Us”, “Contact”, or “Terms of Service”
Shop products: Organize the items you sell in your e-shop

To add more article types, simply click the Add button.

Enter the name of the new article type. Only lowercase letters, numbers, and underscores are allowed in the article type name (“[a-z0-9_]”).

Once you enter the name, the system will automatically generate default labels and a tag name for the new article type. You can customize these defaults to your liking.

Finally, click the Create button to save the new article type.

After the changes are saved, the newly created article type will become available for selection in the Article area of the sidebar, allowing you to create content within this new category.

4.2.3.1 Edit Article type

After creating an article type, you can edit the new entry.

4.2.3.2 Overview (Blog and Shop only)

Route to the overview

Choose the destination for your blog or shop overview.
Ensure you've added a sitemap item first
4.4

Display options for overview

Configure how the overview of this article type will be displayed.

Show Tag-Cloud (blogs only)

If enabled, a tag cloud will be displayed alongside the newest articles, allowing users to filter content by tag

Number of Columns

Defines the number of columns used to display the articles

Show Title

If enabled, the title of each item will be displayed

Show Content

If enabled, a portion of the article content will be displayed

Show Date

If enabled, the publication date will be displayed for each item

Show Author

If enabled, the author's name will be displayed for each item

Show Button

If enabled, a "Read More" button will be displayed for each item on the overview page, linking to the full article

 

4.2.3.3 Template

Templates provide a flexible way to structure the content of your articles.

For each article type, you can use a template to define the order in which article-related elements are displayed to visitors.

To edit a template, navigate to the article type and click "Edit."

Select items from the dropdown to add them to the template, and easily reorder them by dragging and dropping.

Some template items have settings that allow you to customize their style and behavior.
Click the edit button to modify these settings.

Title

Renders the title of the article. This can be customized on individual pages through page settings 7.11

Header Image

Renders the header image of the article. This can be customized on individual pages through page settings 7.11

Content

Presents the main body of the article.

Linked Cms Items

Displays articles and media files linked to this article.

Record

Embeds and displays another article within the current page. Ideal for reusable content sections, like blog footers

Byline

Shows the byline including creation datetime, category and author

Keywords

Lists the keywords associated with the article

Breadcrumb

Shows the navigation path to the article's category, if applicable

Meta Data

This displays specific metadata for an article.

For example, if you're viewing a shop article, it will show its price and available variants.

Learn more about article metadata here 7.4

4.2.3.4 Labels

Configure message-boxes and buttons for this article type:

No-Items message

Message to display when no articles are found

Read-more button

Sets the label and icons for the Read-more button

Load-more button

Sets the label and icons for the Load-more button

 

4.2.4 Language

This translation feature utilizes Google Translate. You can customize its behaviour here.

Default Content Language

Enter the two-letter language code of the language your webpage was originally written in (e.g., en for English)

Allowed languages for translation

Enter the two-letter language codes for the languages you want to make available to your audience, separated by commas (e.g., en,de,fr for English, German and French).

These languages will be presented in a dropdown menu.

Skip translation labels

Enter any specific text or labels that should be excluded from the automatic translation process.

This can be helpful for maintaining the original language for certain elements (e.g., brand names, technical terms).

Default Display Format

Specify the locale to control the formatting of dates, numbers, and currency on your webpage.

Display Format preview

A preview of the selected display format will appear here

 

4.2.5 External

4.2.5.1 Search Settings

Search Provider

Chose the search providers. If the provider supports testing, a Test button will appear.

Google Custom Search

Engine-ID: The unique identifier for your Google Custom Search engine. Find it in your control panel:

https://programmablesearchengine.google.com/controlpanel/all

API Key: Your API key for Google Custom Search API access. Obtain it from the Google Cloud Console:

https://developers.google.com/custom-search/v1/introduction

Search page route: Enter the URL path for your search results page (e.g., /customer/search).

External Search

Search Page: Chose from the list of search-engines

Additional Search Terms: Add default search terms that will be automatically added to every user's search query (e.g., “site:example.com”, “file:pdfetc.)

 

4.2.5.2 Payment providers

Here, you can manage your external payment providers.
Click Add to create a new provider, or Edit to modify an existing.

Stripe

Create a Restricted API Key:

  1. 1.Login to Stripe 

  2. 2.Go to Developers (bottom left corner) > API keys 

  3. 3.Click Create restricted key 

  4. 4.Select Providing this key to another website 

  5. 5.Enter a Name for the new key 

  6. 6.Set all access to None then activate: 

    1. 1.CheckoutWrite 

    2. 2.OrdersRead 

  7. 7.Copy the generated API token and paste it into the API-Key field of your AveStream payment provider settings. 

 

Add the AveStream Webhook:

  1. 1.Go to Developers (bottom left corner) > Webhooks 

  2. 2.Click Create an event destination 

  3. 3.Paste the Web-Hook URL from AveStream into the Endpoint URL field 

  4. 4.Click Select events and chose: 

  1. 5.Click Add endpoint 

 

4.2.5.3 Google Tag Manager

Tag Manager ID

Enter the Google Tag Manager ID to include Google-Tag-Manager

https://support.google.com/tagmanager/answer/14842164

4.2.5.4 YouTube Data API

API Key

Enter your YouTube Data API key to enable automatic parsing of YouTube videos

 

Create a Google Account and Activate the YouTube Data API:

Follow the instructions at: https://developers.google.com/youtube/v3/getting-started

Note: You can skip any steps related to authorization credentials (OAuth2) as this isn't currently implemented.

 

Generate the API Key:

  • Once on the YouTube Data API v3 details page, go to the Credentials tab 

  • Click Create credentials and select API key 

  • Copy the generated API key and paste it into the designated field within AveStream 

 

Restrict Your API Key (Recommended):

Restricting your API key enhances security by limiting where it can be used

  1. 1.Find your newly created API key and click the Actions button (often represented by three dots or a pencil icon) to edit it 

  2. 2.Under Application restrictions, choose Websites. 

  3. 3.Add two Website-restrictions by clicking the Add Button 

    • *.avestream.com/* 

    • avestream.com/* 

 

Important:

Please include a Data Protection information section on your webpage if you utilize any external analytics tools, to ensure compliance with GDPR.

4.2.6 Newsletter

Under the Newsletter section, you can configure a newsletter provider the selected customer.

Choose the newsletter provider you wish to use (e.g., Mailchimp, SmartEmailing, etc.).
Some providers may require a username, while others may only require an API key.

Enter the required credentials (username and/or API key) for the selected provider.
Once you've entered the credentials, a Test Settings button will appear.

Upon successful Test, AveStream will automatically retrieve a list of available newsletter lists from your provider's account.

Enter a user-friendly display name for the newsletter group (e.g., “Main Newsletter”).
Select the desired newsletter list from the dropdown menu.
Activate the newsletter group to enable newsletter subscriptions for your website users.

If you're using Mailchimp, you can add tags to be automatically applied to new subscribers.

After successful configuration, a newsletter subscription box will automatically appear after the first page navigation on your website.

 

You can also optionally add the subscription box to your social media links (see the Social Media section for more details here 4.2.7).

 

 

4.2.7 Social Media

Add as many social media links as needed (we recommend a maximum of five).

To add a new link, select the desired platform from the dropdown menu.

Edit existing links by clicking the edit button.

Select your preferred link template (some platforms like YouTube offer multiple options). Enter the username of the platform you'd like to add.

You can arrange links in any order by dragging and dropping them.

If you've set up a newsletter, you can add a subscription box as a social media link by selecting Newsletter from the dropdown. No further information is needed for this item.

(See 4.2.6 for instructions.)

Configured social media links will be displayed in the footer of every page.

4.2.8 E-Mail

Configure the styling of emails sent by AveStream.

Font size

Header: Defines the font size of the header text in the email

Body: Defines the font size of the main body text in the email

Footer: Defines the font size of the footer text in the email

Mail width

Defines the width of the email content area (in pixels)

Border radius

Defines the border radius of the email container (in pixels)

Mail Background

Sets the background color of the entire email

Primary

Sets the primary color used for the Header background

Primary Text

Sets the primary foreground color for text elements (contrast to Primary color)

Body Background

Sets the background color of the email body

Body text

Sets the color of the main body text in the email

Footer text

Sets the color of the footer text in the email

 

Specific Mail Settings

You can customize the configuration for each mail type:

Enabled

Determines if this mail type is active. Note that some mail types are mandatory and cannot be deactivated

Subject

Sets the subject line of the email

Heading

Sets the main heading within the email body

Additional Content

Defines an additional text block to append to the email content

 

4.2.9 Toast

Customize how your toast messages look and behave. Toasts are small, temporary notifications that appear on the screen and then disappear automatically.

Additional CSS class

Add custom CSS classes to your toasts (e.g., p-3 for padding)

Max. messages

Define the maximum number of toasts visible simultaneously

Placement

Choose where toasts appear on the page

 

4.2.10 Block Styles

The Block Styles tab allows you to define custom styles for use within the Block content element (See 7.12.7) and the Full Editor content element (See 7.12.28)

Click the Add button to create a new style.

Change the order: Use drag-and-drop to easily rearrange the order of styles.

Click the Delete button and confirm in the dialogue box.

Important: You can only define CSS classes. Ensure the style is defined in your individual CSS (See 4.5.2)

 

4.3 Shop Settings

You can configure your shop's settings in the Shop Settings section.
This section is visible only after you activate the Shop article type
4.2.3

4.3.1 General

Currency

Choose the currency in which your shop's products are priced and transactions are processed.

Order recipient

Please provide the email address to which order confirmations and updates should be sent.

For detailed email configuration, see Section 4.2.8

 

4.3.2 Product

Price label

Define the text that will appear above or next to the product price on your shop pages

Price hint

Define additional descriptive text that appears near the price to provide extra information or context

Placeholder image

Select an image from your media library to be displayed for products that do not have a specific image assigned to them.

 

4.3.3 Inventory

Enable stock management

If this is enabled, you'll activate stock tracking for your products

Low stock threshold

This sets the minimum inventory level at which a product is flagged as having low stock.

Out of stock threshold

This determines the inventory level at which a product is considered to be out of stock.

Stock display format

This defines how product stock levels are presented to your customers.

Show No Quantity: Displays a generic "In Stock" message without revealing the exact number of items.

Show Quantity Remaining: Shows the precise number of items left in stock (e.g., "15 left in stock").

Show Quantity Remaining If Low: Only displays the exact quantity remaining when the stock level falls below the low stock threshold (e.g., "Only 5 left!").

 

4.3.4 Shipping

Shipping zones

Manage your shipping zones and their associated costs here. You can create multiple zones to cover different regions.

Is active

Check this box to enable or disable this shipping zone

Title

Set a descriptive name for your shipping zone (e.g., "Domestic," "EU Standard," "International")

Regions

Select the countries where this shipping zone is available

Cost

Define the shipping cost for this specific zone

 

4.3.5 Buttons

Add-To-Cart button

Defines the visual elements of the button users click to add products to their shopping cart

Open-Checkout button

Define the visual elements and functionality of the button that takes users directly to the checkout page from the cart or product page

Pay-Now button

Defines the visual elements and functionality of the button that initiates the payment process and completes a purchase

 

4.3.6 Labels

Basket-Total label

Defines how the total cost of items in the shopping cart is displayed to the user

Empty-shopping-cart message

Define the text that is displayed to users when their shopping cart is empty

Add-to-cart toast

Specify the confirmation message that appears when a visitor successfully adds an item to their shopping cart.

For additional toast configuration, see Section 4.2.9

 

4.3.7 Page setup

In the Page Setup section, you can define the links to your shop-specific pages. To select these links, you must first add the corresponding menu-items in the Sitemap section 4.4

Cart page

Select the route that serves as the user's shopping cart

Checkout page

Select the route where users finalize their purchase details and payment

Terms and conditions

Select the route containing your shop's legal terms and conditions

Payment success

This is the path users are redirected to after a successful payment

Payment cancel

This is the path users are redirected to if their payment was cancelled

4.4 Sitemap

Under the Sitemap section, you can customize the sitemap of your webpage.

4.4.1 Chose sitemap

Select the desired navigation from the drop-down menu to manage it.

4.4.2 Add new menu-item

To add a menu item, click Add. It appears after the selection, or at the end if nothing was selected.

4.4.3 Change the order / hierarchy

You can rearrange items by dragging and dropping them. To create a hierarchical structure, drop an item onto another menu item.

4.4.4 Edit a menu-item

When you select a menu item in the tree structure, its settings will be displayed on the right side. Here's a breakdown of each setting:

Type

Choose the type of menu item:

Static: Links to an existing static page (if available)

Dynamic: Links to the specified article

External: Links to a custom URL (internal or external)

Folder: Creates a folder to organize other menu items
(not visible in the frontend)

Article tag: Will show a list of articles based on the tag-filter used.

Label

Label will be shown in menu

Icon class (Optional)

Define an icon for the menu item using Font Awesome classes
(e.g., fa-solid fa-house).

Find available icons here: https://fontawesome.com/icons

Route

Defines the URL that appears in the browser address bar when this menu item is selected.

Dynamic page (Dynamic Type Only)

The ID of the article to be linked for dynamic menu items

External Link (External Type Only)

Enter the web address (URL) to which this menu item will link

Match

Determines when the menu item is highlighted as active:

Starts with: Active when the URL starts with the defined route

Exact match: Only active when the URL exactly matches the defined route

Is visible

Controls whether the menu item is displayed in the frontend

 

4.4.5 Preview

Click the Preview button to preview the page associated with the selected menu item in the frontend.

 

4.4.6 Delete a menu-item

To delete a menu item, select it in the tree and then click the Delete button.
Confirm the deletion in the dialogue box to permanently remove the item.

 

4.5 Style & Resources

Use the Style Page to add custom style definitions to your page.

4.5.1 Main CSS

The main CSS file is loaded after all other CSS files, giving you the ability to override any system-defined styles.

4.5.2 Block CSS

The Block CSS file is loaded in both the frontend and backend and should be scoped to only style elements within the .as-article-content container.

4.5.3 Resources

The Resources tab allows you to include external JavaScript and CSS files.

You can also define custom meta tags and link tags. This is where you can specify your website's favicon and other page-specific metadata.

Head

Resources added here will be inserted at the end of the <head> section of your webpage.
Supports JavaScript (
<script>), CSS (<link>), meta tags (<meta>), and link tags (<link>).

Body

Resources added here will be inserted at the end of the <body> section of your webpage.
Only JavaScript (
<script>) resources are allowed.

Add new item

Use the dropdown menu to add individual resources to the selected group

Add from HTML

Click Add from HTML to open a modal window where you can paste HTML code.

Clicking Add will parse the HTML, extract resource links, and add them to the selected group.

 

5 Media

The Media Section allows you to manage your web files, such as images, PDFs, videos, and more.

The File Manager's left sidebar provides a tag filter dropdown and a hierarchical folder tree.

5.1 Toolbar

Creates a new subfolder within the current directory

Change the view mode

List: Displays folder contents as a simple list of file and folder names

Grid: Displays a preview of each file (images, documents, etc.) where possible, alongside the file name

Grid Size: Adjusts the size of the grid items by using the dropdown menu

5.2 Create Media (Upload / Insert)

Supports drag-and-drop of files for easy upload

AveStream supports direct image pasting from your clipboard.

You can paste screenshots, images copied from applications like Word, or Excel cell ranges as images.

Pasted images are uploaded to the currently selected folder and are named with the format "screenshot_date_time.ext".

 

Note: Ensure you grant AveStream clipboard access for this feature to function.

 

5.3 Import Files

The Import section of the Media Manager allows you to directly download images, videos, and GIFs from Pexels or Giphy.

To access this feature, click the Import button.

Select the provider and file type by using the dropdown.

Enter your search terms in the search field and click the Search button to view the first page of results.

Click the Download button to import the selected file.

To import a different size, use the dropdown menu next to the Download button.

At the bottom of the result list, click the Load More button to load the next page of search results.

 

5.4 Edit Media

Opens a form to modify the metadata of a file.

Alternative Text

Sets the alternative text for image files

Title

Sets the title of a file

Caption

Sets the caption of a file

Category/Keywords

Defines categories and keywords for a file, enabling selection files by tags in content elements Audio 7.12.5, Images 7.12.3, and Downloads 7.12.6

 

5.5 Delete Media

To delete a media, click the Delete button. A confirmation dialogue will appear. Click Confirm to permanently remove the media.

6 Video-Items

In the Video section, you can create video entries tailored to various needs.

6.1 Streams

In the Streams section, you can manage your live streams.

The list displays key information such as title, category, availability, and parse status.

Actions:

Edit

6.1.1

Parse

6.1.2

Preview

6.1.3

 

 

 

 

 

QR-Code

6.1.4

 

 

 

 

 

Create copy

6.1.5

 

 

 

 

 

Create program

6.1.6

 

 

 

 

 

Delete

6.1.7

6.1.1 Add/Edit stream

To edit an item, click the Edit button within the list.
To create a new item, click the Add button.

General

Unparsed URL

Enter the original URL from the streaming platform

Fallback URLs

Enter up to 5 alternative video URLs to provide a backup options for the same video.

Is active

When enabled, the item will be active and visible on the frontend

Widget

Add a web widget for interactive elements (optional)

Language

Define the language of the streamed content

 

Override

Title

Replace the original video title with a custom title

Description

Replace the original video description with a custom description

Thumbnail

Replace the original video thumbnail with a custom image

 

Tags

Category

Select a category for this video to organize your library

Keywords

Add relevant keywords to this video to facilitate grouping and searching

 

System

Parsing frequency

Determines how often the system checks for updates to this item

Sort

Defines the order in which the stream will be displayed

 

Statistics

Review statistics for this item. Select a specific time period to analyse trends and data.

6.1.2 Parse stream

Triggers an immediate update of the selected item. Use this after making any changes to the item's settings. Note: If the Unparsed URL contains a YouTube video, a valid YouTube Data API key must be provided in the settings 4.2.5

6.1.3 Preview stream

Click this button to open a preview of the stream in a new browser tab.

6.1.4 QR-Code

Click to generate a QR code linking to this item. If a brand image is set in your settings 4.2, it will appear in the centre.

6.1.5 Create copy

To create a new item based on existing settings, use the Create copy button. This will create a duplicate of the current item. Edit the copied data as desired and save the item.

6.1.6 Create program

To create a program based on the settings click the Create program button. A new program item will be created, pre-filled with data from the current stream. (Program 6.2)

6.1.7 Delete stream

To delete a stream, click the Delete button. A confirmation dialogue will appear. Click Confirm to permanently remove the stream.

6.2 Program

Manage your program items here.

The list displays key information such as title, category, availability, and parse status.

Actions:

Edit

6.2.1

Parse

6.2.2

Preview

6.2.3

 

 

 

 

 

QR-Code

6.2.4

 

 

 

 

 

Open externally

6.2.5

 

 

 

 

 

Create copy

6.2.6

 

 

 

 

 

Create archive

6.2.7

 

 

 

 

 

Delete

6.2.8

6.2.1 Add/Edit program

Edit items with the Edit button. Add new items with the Add button.

General

Unparsed URL

Enter the original URL from the streaming platform

Fallback URLs

Enter up to 5 alternative video URLs to provide a backup options for the same video.

Is active

When enabled, the item will be active and visible on the frontend

Automatically archive

If enabled, this program item will be automatically archived after its streaming time has ended.

Your timezone

Select the timezone for this program item

Streaming time

Defines the start and end time of this program item.

Use the move date buttons to adjust the start and end dates

Recurring

Configure this program to run regularly. See details in section 6.2.9

 

Override

Title

Replace the original video title with a custom title

Description

Replace the original video description with a custom description

Thumbnail

Replace the original video thumbnail with a custom image

 

Tags

Category

Select a category for this video to organize your library

Keywords

Add relevant keywords to this video to facilitate grouping and searching

 

System

Parsing frequency

Determines how often the system checks for updates to this item

 

Statistics

Review statistics for this item. Select a specific time period to analyse trends and data.

6.2.2 Parse program

Triggers an immediate update of the selected item. Use this after making any changes to the item's settings. Note: If the Unparsed URL contains a YouTube video, a valid YouTube Data API key must be provided in the settings 4.2.5

6.2.3 Preview program

Click this button to open a preview of the program in a new browser tab.

6.2.4 QR-Code

Click to generate a QR code linking to this item. If a brand image is set in your settings 4.2, it will appear in the centre.

6.2.5 Open externally

Opens the unparsed URL of the selected item in a new browser tab.

6.2.6 Create copy

Create a copy to quickly start a new item with similar settings.
Modify the copied data and save the new item.

6.2.7 Create archive

Create an archive based on the settings of this program

6.2.8 Delete program

To delete an item, click the Delete button.
Confirm the deletion in the dialogue box to permanently remove the item.

6.2.9 Recurring

Configure this program to run regularly by setting the desired interval. This allows you to automate the program's execution, ensuring consistent operation without manual intervention.

Interval

Specify the numerical value for the interval. For example, setting this to 2 with a Day interval type will cause the program to repeat every two days.

Interval type

Choose the unit of time for the interval (e.g., Hour, Day, Week)

Count

Enter the number of additional copies you want to create. For example, setting this to 2 will generate two copies in addition to the original, resulting in a total of three items.

Color

Assign a color to this series for visual distinction in the program list

Preview

Changes to the form will automatically refresh the preview below, showing the effect of your settings. The original item will be indicated with a blue bar, and the copies will have yellow bars next to it.

 

The series will be visible in the program list once you save your settings.

If you delete an item that's part of a series, you'll have a choice during confirmation:
Delete this item or Delete the Series

6.3 Archive

Manage archived videos in the Archive section.

The list displays key information such as title, category, availability, and parse status.

Actions:

Edit

6.3.1

Parse

6.3.2

Preview

6.3.3

 

 

 

 

 

QR-Code

6.3.4

 

 

 

 

 

Create copy

6.3.5

 

 

 

 

 

Delete

6.3.6

6.3.1 Add/Edit archive

Edit items with the Edit button.
Add new items with the Add button.

General

Unparsed URL

Enter the original URL from the streaming platform

Fallback URLs

Enter up to 5 alternative video URLs to provide a backup options for the same video.

Is active

When enabled, the item will be active and visible on the frontend

Streamed

Select the date when the video was streamed or created

Language

Define the language of the streamed content

Internal comment

Add an internal comment here.

This note will not be visible to website visitors.

 

Override

Title

Replace the original video title with a custom title

Description

Replace the original video description with a custom description

Thumbnail

Replace the original video thumbnail with a custom image

 

Tags

Category

Select a category for this video to organize your library

Keywords

Add relevant keywords to this video to facilitate grouping and searching

 

Subtitle

Subtitles (srt)

Upload Subtitle here (.srt). These subtitles will appear below the video and allow viewers to jump to specific points by clicking on them.

System

Parsing frequency

Determines how often the system checks for updates to this item

 

Statistics

Review statistics for this item. Select a specific time period to analyse trends and data.

6.3.2 Parse archive

Triggers an immediate update of the selected item. Use this after making any changes to the item's settings. Note: If the Unparsed URL contains a YouTube video, a valid YouTube Data API key must be provided in the settings 4.2.5

6.3.3 Preview archive

Click this button to open a preview of the stream in a new browser tab.

6.3.4 QR-Code

Click to generate a QR code linking to this item. If a brand image is set in your settings 4.2, it will appear in the centre.

6.3.5 Create copy

Quickly create a new item based on the current one.
Modify the copied data as needed and save the new item.

6.3.6 Delete archive

To delete an item, click the Delete button.
Confirm the deletion in the dialogue box to permanently remove the item.

6.4 Sequences

Before watching an archived video on the mobile platform, viewers will encounter a short sequence. This presents an ideal opportunity to:

Solicit donations to support your continued work

Highlight important news and updates related to your organization

In the list, you'll see essential details like title, category, availability, and parse status.

Actions:

Edit

6.4.1

Download

6.4.2

Create copy

6.4.3

 

 

 

 

 

Delete

6.4.4

 

6.4.1 Add/Edit sequence

Edit an existing item by clicking the Edit button within the list.
To create a new item, click the Add button.

Name

The name of the item you are creating

Video URL

Chose the video (mov or mp4) you want to use in the sequence (See File-Manager 9.4)

Button text

Set the text that will appear on the button

Button URL

Enter the URL that will be opened when the button is clicked

 

6.4.2 Download sequence

To download the video for this article, click the Download button. If your browser can play the video, it will be displayed in a new tab.

6.4.3 Create copy

This will open a new item pre-filled with the data from the original. Modify the values as needed and save the new item.

6.4.4 Delete sequence

After confirming in the dialogue box, the item will be permanently removed.

7 Articles

An article is a piece of written content. On a website, articles can be presented as web pages. Two common types of articles found on websites are blog posts and static pages.

Actions:

Edit

7.3

Preview

7.5

QR-Code

7.6

 

 

 

 

 

Export

7.7

 

 

 

 

 

Create copy

7.8

 

 

 

 

 

Delete

7.9

7.1 Search

If you have many articles, you can easily find a specific one by opening the search dialogue. Click here to learn more about using the search dialogue 9.3

7.2 Types

To create additional types, view customer settings 4.2.3

 

7.3 Edit article

To edit an item, click the Edit button in the list.
To create a new item, click the Add button.

Title

Enter the title of this article

Header image

Select the image to use as the header image (See File Manager 9.4)

Article contents

Manage contents for this article.

The 'Fill View' indicates how full the high-performance page is. Reaching 100% will still allow saving, but may impact performance.

 

7.3.1 Tags

Category

Select a category for this article to organize your library

Keywords

Add relevant keywords to this article to facilitate grouping and searching.

 

7.3.2 SEO

Under SEO, you can view the current SEO Rating for this page.
This section provides tips on how to improve your SEO Rating.

7.3.3 Publishing

Control article publication by setting start and end dates

If you only set a start date, the article will be published from that date onwards

If you only set an end date, the article will be published until that date

7.3.4 Linked items

You can link to other CMS items (articles and archives) at the end of this article.

7.3.5 Info

Get additional information about the article.

7.3.6 Statistics

Review statistics for this item. Select a specific time period to analyse trends and data.

7.4 Article Metadata

Some article types include additional metadata fields for you to complete, providing more specific details about the content.

7.4.1 Shop Product

7.4.1.1 General

Product teaser

Add a brief, engaging description of your product here

Additional product images

Upload extra images to showcase your product

 

7.4.1.2 Price / Variants

Has variants

Check this box if your product comes in multiple variants

(e.g., different sizes, colors)

If you check Equal price, you'll only need to enter one price that applies to all your product variants

Label

(variants only)

This is the name for a specific variant option, such as Red for a color variant or Large for a size variant

Price

This defines the price for this specific product or product variant

Variant Image

(variants only)

Upload an image that represents this particular product variant

Stock management

If enabled, you can enter the stock amount and a unique SKU (Stock Keeping Unit) for your product or each variant

If stock management is off, you can manually set the Stock status:

In Stock: Indicates the product is available for purchase

Out of stock: Indicates the product is currently unavailable

Out backorder: Indicates the product is out of stock but can still be ordered, with delivery to follow later

 

7.4.1.3 Attributes

Add attributes to your shop products. Attributes are presented as a list of Name/Value.

Name

Define the name for the attribute (e.g., "Color," "Size," "Author")

Value

Set the corresponding value for the attribute (e.g., "Red," "Large," "Cotton").

 

7.4.1.4 Options

Define the options available for your product. Customers can choose one or more of these options when purchasing the product.

Think of this like a pizza configurator: your shop visitors can add various items to their pizza, such as "extra cheese" or "olives".

You can add new options by clicking the Add button. To reorder options, use the drag-and-drop functionality.

Label

Set a label for this option group.
If defined, this label will appear above the selection buttons

Display as

Choose how these options will be presented to customers. Possible display types include buttons or a list

Allow multiple selection

Enable this if customers should be able to select more than one choice

Name

Enter the name for this specific option (e.g., "extra cheese ," "olives")

Cost

Set the additional cost associated with choosing this option

 

7.4.1.5 Shipping

Here, you can define the physical dimensions of this item for shipping purposes.

Weigth (kg)

Enter the weight of the item in kilograms

Length (cm)

Enter the length of the item in centimeters

Width (cm)

Enter the width of the item in centimeters

Height (cm)

Enter the height of the item in centimeters

 

7.5 Preview article

To view the preview, click the Preview button.
The preview will open in a new browser tab.

7.6 QR-Code

Click to generate a QR code linking to this item. If a brand image is set in your settings 4.2, it will appear in the centre.

7.7 Export article

You can export the Article as a json-backup by clicking the Export button.

7.8 Create copy

This will open the Edit-Form with the copy of an existing article.

7.9 Delete article

To delete an article, click the Delete button.
After confirming in the dialogue box, the item will be permanently deleted.

7.10 Import Article

You can import articles from previously exported .json files or restore individual articles from backups. Click the Import button to open the import dialog. Upload the desired .json file, and the articles will be imported automatically.

7.11 Page settings

Page settings can be adjusted during the editing process.

Show title

If checked, the title will be displayed in the detail view

Show Header image

If checked, the header image will be displayed in the detail view

7.12 Content-Items

Customize the order of content items within each article.
Use the intuitive drag-and-drop interface to easily rearrange the display sequence.

Click the Add Content button to add new content.
Select the desired content type from the list or use the search bar to find it.

New content items are automatically added to the bottom of the list.

To edit an existing item, click the Edit button.

To delete an item, click the Delete button.
A confirmation prompt will appear before the item is permanently removed.

 

7.12.1 General fields

All content elements share common fields for customizing their style and behaviour.

Position & Alignment

Above Start

The object will be shown left-aligned above text. This is the Default value

Above Center

The object will be shown centred above text.

Above End

The object will be shown right-aligned above text.

Below Start

The object will be shown left-aligned below text. This is the Default position

Below Center

The object will be shown centred below text.

Below End

The object will be shown right-aligned below text.

Start

The object will be shown left-aligned beside the text.

End

The object will be shown right-aligned beside the text.

Float Start

Positions the object at the start of the text flow, allowing text to wrap around it.

Float End

Positions the object at the end of the text flow, allowing text to wrap around it.

 

Appearance

Layout

Select the desired layout for this element:

Default: Standard container with space margins on both sides

Fluid Content: Full width of the page with minimal padding

Full Width: Full width of the page without padding

Layout CSS-Class

Add custom CSS classes for margin, padding and colour
https://getbootstrap.com/docs/5.3/utilities/spacing/

Show in Page-Index

Controls the visibility of the Header field within the Page Index (if available) (See 7.12.9)

 

Access

Publish

Select the date-time when this content will be made publicly visible

Is active

This content will be visible only if this checkbox is checked

7.12.2 Text Element

The Text Element allows you to create and format basic text content.

Generally

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the main body text for this content using the basic editor, See 9.1

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.3 Images

The Images content allows you to add multiple images to your article. You can optionally include accompanying text and control how the text wraps around the images.

Images

Filter by Tag

Select a tag from the dropdown to display images associated with this tag. Manual image selection will be disabled

Max. items

Limits the number of images shown (only applicable when a tag is selected in Filter by Tag)

Selected images

List of the selected images for this content.

To add new images, click the Add button and open the File Manager, See 9.4

Position & Alignment

Defines how the images will wrap with the text, See 7.12.1

Images Area Size

Defines the area that is taken up by the images

Number of Columns

Defines how many columns will be used to display the images

Enlarge on click

Opens a lightbox of the clicked image, See 9.5

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.4 Video

The Video content allows you to add a single video to your article. You can optionally include accompanying text and control how the text wraps around the video.

Video

Video source

Select the source of the video:

File:

Upload a video directly from your storage. Click the Choose/Upload button to select a video file from your file manager.

External:

Enter the URL of the YouTube or Rumble video you want to use for this content. After changing the URL, the system will attempt to retrieve the necessary information to display the video.

Media Archive:

Select an existing video from your media-archive

Video embedded (Media Archive only)

If this option is enabled for a video from your Media Archive, the video will be embedded directly onto the page within an iframe

Video is vertical

When enabled, the video will be displayed in a vertical format, optimized for platforms like YouTube-Shorts and TikTok.

Position & Alignment

Defines how the video will wrap with the text, See 7.12.1

Video Size

Defines the area that is taken up by the video

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.5 Audio

The Audio content lets you add multiple audio files to your article. You can optionally include accompanying text and control how it wraps around the audio files.

Audio Files

Filter by Tag

Select a tag from the dropdown to display audio files associated with this tag. Manual audio file selection will be disabled

Max. items

Limits the number of audio files shown (only applicable when a tag is selected in Filter by Tag)

Selected Audio-Files

List of the selected audio files for this content.

To add new audio files, click the Add button and open the File Manager, See 9.4

Position & Alignment

Defines how the audio files will wrap with the text, See 7.12.1

Audio Area Size

Defines the area that is taken up by the audio files

Number of Columns

Defines how many columns will be used to display the audio files

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.6 Downloads

The Download content lets you add multiple files for download. You can optionally include accompanying text and control how it wraps around the files.

Files

Filter by Tag

Select a tag from the dropdown to display files associated with this tag. Manual file selection will be disabled

Max. items

Limits the number of files shown (only applicable when a tag is selected in Filter by Tag)

Selected Files

List of the selected files for download for this content.

To add new files, click the Add button and open the File Manager, See 9.4

Position & Alignment

Defines how the files will be wrapped with the text, See 7.12.1

Files Area Size

Defines the area that is taken up by the files

Number of Columns

Defines how many columns will be used to display the files

Show preview

If checked, the file will be displayed inline if possible.

Note: This option is available only when exactly one file is selected and the Number of Columns is set to one

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Labels

Download button label

Enter the label to display on the download-button

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.7 Block

The Block content allows you to add a block headline. You can optionally include accompanying text and control how it wraps around the headline.

Block

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Block Style

Select the style to use for the block.

To add new Block Styles, see 4.2.10

Position & Alignment

Controls how the block interacts with surrounding text, See 7.12.1

Block Size

Determines the overall dimensions of the block.

 

Text

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.8 Menu

The Menu content element enables you to create a custom navigation within your article, allowing readers to easily navigate between different sections or related content.

Menu

Display as

Determines how the Menu will be presented

Read-More label

Sets the text for the Read More link

(for Card and Fancy Card views only)

Aspect ratio

(Carousel only)

Sets the aspect ratio of the Carousel

Animation

(Carousel only)

Select the animation for carousel transitions.

Slide: New items slide in from the side

Fade: New items cross-fade

Interval seconds

(Carousel only)

Sets the duration (in seconds) each carousel item is displayed before transitioning to the next.

The interval starts only after the user's first interaction with the carousel, unless Autoplay is enabled.

Autoplay

(Carousel only)

Enables automatic carousel playback upon loading

Selected Articles

Choose the articles to be displayed in the Menu

Position & Alignment

Controls how the Menu interacts with surrounding text, See 7.12.1

Menu Area Size

Determines the overall space allocated for the Menu

Number of Columns

Defines the number of columns used to display the Menu

(for Card and Fancy Card views only)

Display options

Select which elements to show

(title, content, date, author, button)

(for Card and Fancy Card views only)

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Appearance & Access

Read more about the general fields here 7.12.1

 

List

Card

Fancy Card

Accordion

Tab

Carousel

 

7.12.9 Page-Index

The page-index content allows you to generate an index of all other contents within an article. Based on the Header Type (e.g., H2, H3, H4), it will automatically create a hierarchically structured index.
You have the option to exclude specific contents from appearing in the index.

When an item in the index is clicked, the page will smoothly scroll to the corresponding headline within the article.

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.10 Article List

The Article content element displays a list of articles. Users can click on an article to read it in full.

Article

Display as

Defines how the articles will be presented

Related article

Enable this to automatically display the first set of related articles based on the current article's categories or keywords. When enabled, the Data Source and Filter by tag selection options will be unavailable.

Data source

Chose a data source from the available options. After selecting a data source, define the range of items to use with the Range from and Range to fields. Read more about Data-Source 7.12.29

Note: Filtering by tag, Page size and Max. items will not be available if a data-source is selected.

Filter by tag

Refine the list of articles by selecting specific tags

Page size

Sets the number of items displayed per page for pagination

Max. items

Limits the number of articles displayed in the list

Show the Anniversary slider

This checkbox is visible only when Display is set to Anniversary

If checked, allows users to change the date using a slider.

Position & Alignment

Controls how the articles interact with surrounding text, See 7.12.1

Article Area Size

Determines the overall space allocated for the displayed articles.

Number of Columns

Defines the number of columns used to display the articles

Display options

Select which elements to show

(title, content, date, author, button)

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Labels

No-Articles label

Message to display when no articles are found

Read-more label

Sets the text for the Read-more button

Load-more label

Sets the text for the Load-more button

 

 

Appearance & Access

Read more about the general fields here 7.12.1

 

List

 

Card

 

Anniversary

 

Fancy Card

 

 

7.12.11 Tag-Cloud

Add a Tag-Cloud to your page with this content element.

Tag cloud

Type

Specifies the type of tags to be used

Minimal tag usage

Sets the minimum number of times a tag must be used to be displayed

Maximum item count

Limits the number of tags shown in the tag cloud

Show usage count

Displays the number of items associated with each tag

 

Appearance & Access

Read more about the general fields here 7.12.1

 

 

7.12.12 Top statistics

Use the Top Statistics content element to showcase the most popular items on your page. You can choose to display Articles, Programs, Streams, or Archives.

Statistic

Display as

Defines how the statistic will be presented

Compact view

Shows the item's image only, omitting text and additional details.

Statistic item

Select the entity to be included in the top statistics listing.

Item count

Sets the number of items displayed in the statistic

Position & Alignment

Controls how the articles interact with surrounding text, See 7.12.1

Statistic Area Size

Determines the overall space allocated for the displayed items.

Number of Columns

Defines the number of columns used to display the articles

Display options

Select which elements to show

(title, content, date, author, button, count)

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Labels

No-Articles label

Message to display when no articles are found

 

Appearance & Access

Read more about the general fields here 7.12.1

7.12.13 Contents

The "Contents" content element allows you to display multiple pieces of content in a single, organized structure. For example, you can arrange your content within columns, tabs, or an accordion.

Contents

Display as

Sets the display format for the content elements

Number of Columns

Defines the number of columns used to display content

(for Columns and Card views only)

Contents

Manage the content elements to be included

 

Click the "Add Content" button to add a new content element.

Select the desired content type from the available options.

 

Rearrange the order of elements using drag-and-drop

 

Appearance & Access

Read more about the general fields here 7.12.1

List

Columns

Card

Accordion

Tab

 

7.12.14 Columns

Use the Columns element to create a two-column layout for your content.

Columns

Row CSS-Class

Enter the CSS class for the row (e.g.: row g-2)

Left Column CSS-Class

Enter the CSS-class for the left column (e.g.: col-md-8)

Right Column CSS-Class

Enter the CSS-class for the right column (e.g.: col-md-4)

Left/Right

Add content elements to both the left and right columns. Almost all content types are supported.

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.15 Plain HTML

The Plain-HTML content allows you to add custom HTML code for individual and extended functionality. This provides flexibility for implementing unique features or integrating with external services.

HTML

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

HTML

Enter the HTML for this content

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.16 Horizontal rule

The Horizontal Rule content allows you to add a visual divider across the page, effectively separating distinct sections or content blocks.

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.17 Form

The Form content element allows you to create comprehensive contact forms to gather user information.

You can add multiple finishers to define the actions that occur when the user submits the form.

Form Builder

Submit label

Sets the text for the submit button

Alignment

Controls the alignment of the form within its container

Area Size

Determines the overall space allocated for the form

Elements

Define the fields to be used in your form

Add new fields by selecting the input type from the drop-down:

Form grid: Arrange fields in a grid layout

Label: Displays a label only

Text: Input for single-line text

Password: For entering passwords securely

Email: For entering valid email addresses

Phone number: For entering phone numbers

URL: For entering URLs

Number: For entering numerical values

Date: For selecting a date

Textarea: For entering multi-line text

Checkbox: A simple on/off option

Select: Creates a dropdown list with multiple options

Captcha: Displays a CAPTCHA image to verify human interaction

Hidden: A hidden field that cannot be edited by the user (Often used for tracking form submissions)

Finishers

Define the actions that occur after the user submits the form

Add new finishers by selecting one from the drop-down:

Email: Specify the recipient email address and subject template

Redirect: Redirect the user to a specified URL

Message: Display a custom message to the user after submission, with a button to return to the form

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.18 Records

The Records content allows you to display a collection of other articles within a single view. This is particularly useful for creating reusable content blocks that can be easily integrated across multiple articles.

Records

Selected Article

Select the articles to be used in this content

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.19 Share

The Share content allows you to easily add social media sharing buttons to your articles. This enables users to quickly and effortlessly share the article's URL across popular platforms.

Share

Share Buttons

Activate and sort the share buttons that will be displayed within this content

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.20 Donation

The Donate content element allows you to display donation buttons, enabling users to contribute to your work.

Donations

Display as

Sets the display style for the donation buttons

Donation Links

Manage the donation links here

 

Click the Add button to add a new donation link.

New entries are added to the bottom of the list.

 

Rearrange the order of links using drag-and-drop.

Header

Enter the title for this Element

Header type

Select the desired headline size

(h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

 

Text

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.21 Button

Use the Button content element to create a button with a custom link.

Button

Link

The URL the button links to

Button content

The button's text or HTML content

CSS class

Additional CSS classes for styling (e.g., text-white rounded-pill)

Button color

The button's color theme (e.g., Primary, Secondary)

Button size

The button's size (e.g., ExtraSmall, Small, Medium)

Outline

Displays the button as an outline when enabled

Alignment

Controls the alignment of the button within its container

 

Appearance & Access

Read more about the general fields here 7.12.1

7.12.22 Map

Use the Map content element to display a map on your page.

Map

Map Style

Select a map style from the dropdown.

Zoom

Set the starting zoom level

Center latitude

Set the map's initial center latitude

Center longitude

Set the map's initial center longitude

Pin-Button

Selecting the pin button launches a modal window where you can adjust the map's zoom and drag it to pinpoint your desired location.

CSS-Class

Add a CSS class for custom styling (e.g., rounded)

GeoJSON

Chose or upload a new GeoJSON to add a map overlay. Use a free online tool like geojson.io (https://geojson.io/) to create overlays.

Zoom to Bounds

Available with GeoJSON overlays: Automatically zoom and pan the map to fit the boundaries of the GeoJSON data after it loads.

Cluster markers

Available with GeoJSON overlays: Group markers within the GeoJSON data into clusters for better visual representation.

Position & Alignment

Defines how the streams will wrap with the text, See 7.12.1

Map Area Size

Defines the area that is taken up by the map

Map height (in pixel)

Adjust the map's vertical size

Zoom control

Toggle the visibility of zoom buttons

Attribution

Toggle the display of map data source information

Draggable Map

Enable or disable map panning by dragging

Scroll-Wheel Zoom

and

Double-Click Zoom

On: Zoom to mouse cursor position

Center: Zoom in/out from map center

Off: Disable scroll

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Appearance & Access

Read more about the general fields here 7.12.1

7.12.23 Stream

Use the Stream content element to display a collection of stream entries.

Streams

Filter by tag

Filter the items by keyword or category

Max. Items

Limits the number of streams displayed

Show live-streams only

Displays only live streams in the feed

Position & Alignment

Defines how the streams will wrap with the text, See 7.12.1

Area Size

Defines the area that is taken up by the streams

Number of Columns

Defines how many columns will be used to display the streams

 

Text

Header

Enter the title for this Element

Header type

Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible)

Align

Align the headline (start, centre, end)

Subheader

Enter the subheader text.

This header will be one headline size smaller than the main Header.

Body

Enter the Body text for this content using the basic editor, See 9.1

 

Labels

No-items label

Message to display when no streams are found

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.24 Program

The Program content allows you to display a list of program items.

Program

Display as

Defines how the programs will be presented

Filter by tag

Filter the items by keyword or category

Days offset

Specify the number of days from today to begin displaying the program. Use 0 for today, negative numbers for past days.

Alignment

Controls the alignment of the programs within its container

Area Size

Defines the area that is taken up by the programs

 

Labels

No-items label

Message to display when no streams are found

Load-more label

Sets the text for the Load-more button

 

Appearance & Access

Read more about the general fields here 7.12.1

List

Ticker

 

7.12.25 Media archive

The Media archive content allows you to display a list of Media archive items.

Media archive

Display as

Defines how the media archives will be presented

List: Displays archives in a simple, sequential list

Card: Presents archives as individual, visually appealing cards

Accordion: Organizes archives by category within expandable sections. Note: Only archives with a category will be displayed

Carousel: Shows the videos in a carousel

Anniversary: Shows the videos having the keyword for today

Aspect ratio

(Carousel only)

Sets the aspect ratio of the Carousel

Animation

(Carousel only)

Select the animation for carousel transitions.

Slide: New items slide in from the side

Fade: New items cross-fade

Interval seconds

(Carousel only)

Sets the duration (in seconds) each carousel item is displayed before transitioning to the next.

The interval starts only after the user's first interaction with the carousel, unless Autoplay is enabled.

Autoplay

(Carousel only)

Enables automatic carousel playback upon loading

Filter by tag

Filter the items by keyword or category

Page size

Sets the number of items displayed per page for pagination

Max. items

Limits the number of items displayed in the list

Alignment

Controls the alignment of the media archives within its container

Area Size

Defines the area that is taken up by the media archives

Number of Columns

Defines how many columns will be used to display the media archives (Card, Accordion and Anniversary only)

Toolbar

Choose which controls appear on the toolbar:

Show list/grid switch:

Enable users to toggle between list and grid layouts

Show Search Field:

Display a search bar for quick content searches

(Accordion only)

Display options

Select which elements to show

(title, content, date, button)

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.26 Shopping Cart

The Shopping Cart content provides a clear overview of the user's selected products.

Here, users can manage their order by adjusting quantities, removing items, and confirming their choices before moving to the checkout process.

 

7.12.27 Shop Checkout

The Shop Checkout displays the required delivery address fields and provides the user with shipping cost options.

From here, users can finalize their order and initiate the payment process.

 

7.12.28 Full Editor (Deprecated)

The Full Editor content element is a versatile tool that allows you to insert a wide range of elements within a single editor.

Important Note:
This editor is deprecated and is only available for previously imported pages.

Editor

Body text

Enter the Body text for this content using the full editor, See 9.2

 

Appearance & Access

Read more about the general fields here 7.12.1

 

7.12.29 Data-Source

Using a page-wide data source lets you centralize your data and reuse it across multiple content elements. For example, you can use the same data source for a list of items and other related content.

Data-Source

Key

Enter a unique key to identify this data source

Data Type

Select the data type for this source

Data-Source items

Use this section to combine multiple keyword filters into a single, unified data source

 

Here is a list of content elements that supports the consumption of this data-sources:

Article list

7.12.10

 

7.12.30 Search Sitemap

This content type adds a hidden sitemap on this article. This sitemap is exclusively for search engines like Google and Bing, helping them to effectively index all your blog posts and shop products.

For more informations about the search sitemap read section 10.2

8 Push-Notifications

This section allows you to manage all the entities used for sending push notifications.

8.1 Notifications

The Notifications section allows you to view past notifications and create new ones.

The list displays key information such as title, body, creation date, and send status.

8.1.1 Add notification

Create a new notification by clicking "Add".

Community

Select the specific community or group of users to receive this notification

Title

The subject of the notification that will be displayed to users

Body

The main message content of the notification

Image

An optional image to be included with the notification

URL to open

The web address that will be opened when a user taps the notification

Open externally

If checked, the specified URL will be opened in the user's default web browser outside of the mobile app

Preview

This section provides a visual preview of how the notification will look

Note: This preview may not perfectly reflect the actual appearance of the notification on a user's device.

 

8.2 Registrations

The Registration section allows you to manage push notification registrations.

The list displays key information such as installation, token, creation date and status.

8.2.1 Delete Registrations

To delete a registration, click the Delete button.
After confirming in the dialogue box, the
registration will be permanently deleted.

 

9 UI-Elements

This section provides help for reusable elements, which are designed for use in multiple locations within AveStream.

9.1 Basic Editor

The Basic editor is suitable for a wide range of applications, allowing you to easily apply fundamental text formatting.

Modify text formatting (e.g., to paragraph, heading)

Modify text emphasis (e.g., bold, italics)

Manage lists (bulleted, numbered) and adjust indentation

Modify paragraph alignment

Clear text formatting

Undo and Redo previous actions

Insert links.

A modal window will open, allowing you to specify the link type. If the selected text is an email address, the Email tab will be pre-selected.

Add a simple table to your document.

Specify the desired number of columns and rows.

A toolbar will appear within existing tables, allowing you to customize table settings

Format the current paragraph as a block quote

Display the editor content as HTML code

 

9.2 Full Editor (Deprecated)

The Full Editor content element is a versatile tool that allows you to insert a wide range of elements within a single editor.

Important Note:
This editor is deprecated and is only available for previously imported pages.

Modify text emphasis (e.g., bold, italics)

Modify text formatting (e.g., to paragraph, heading)

Select a block to insert. Manage the list of available blocks in customer settings here 4.2.10

Modify paragraph alignment

Manage lists (bulleted, numbered) and adjust indentation

Insert links.

A modal window will open, allowing you to specify the link type. If the selected text is an email address, the Email tab will be pre-selected.

Insert Media: Select Image, Video or Audio.
This will open the File Manager 9.4, where you can upload or select an existing file to insert into your content.

Add a simple table to your document.

Specify the desired number of columns and rows.

A toolbar will appear within existing tables, allowing you to customize table settings

Clear text formatting

Toggle full-screen mode to maximize the editing area

 

9.3 Filter dialogue

The Filter dialogue allows you to refine your search results by filtering by title or tag. The Filter dialogue is available for Articles and Media Archives.

After applying the filter, the list will be refreshed to display only the items that match your criteria. Depending on the application, you may see various action buttons.

9.3.1 Search items

Edit

Allows you to modify the item

Preview

Opens the selected item for viewing

9.3.2 Select item

State

If an item is selected, a check-mark will be displayed next to it

Preview

Opens the selected item for viewing

9.3.3 Batch actions

When you open the Filter dialogue in Media-Archive, you can manage multiple items simultaneously using batch actions.

 
Choose the items you wish to update from the list. You can quickly select or deselect all items by checking or unchecking the All checkbox.

Once at least one item is selected, the Batch Actions dropdown menu will become active. From this menu, select the desired action:

Activate

Make the selected items active

Deactivate

Make the selected items inactive

Add Tag

Apply a new tag to the selected items

Remove Tag

Remove an existing tag from the selected items

Delete

Permanently remove the selected items

9.4 File-Manager

The File Manager mirrors the functionality of the Media Section, but operates within a dialog and restricts file selection to specific types based on the current context. Refer to the Media Section for a comprehensive list of features 5

 

9.5 Lightbox

When "Enlarge on click" is activated for images, a lightbox will be displayed in the frontend. Users can click on an image, and the lightbox will appear, showcasing the enlarged image.

If the image content contains multiple images, the lightbox will also display thumbnails of all available images, allowing users to easily switch between them.

10 Troubleshooting

10.1 Debug back end response

To debug the responses from the PWA, add ?debug=true to the URL and press Enter.

This will display all responses made by the PWA in your browser's console.

10.2 Search-bot sitemap

To simulate the export of the search-sitemap, append ?searchenforced=true to the Home-URL in the frontend.

Note: This simulation only affects the pre-rendered output. When inspecting the HTML, the links will not be visible as the circuit has already updated the DOM.

To view the pre-rendered output with the simulated search-sitemap, append the ?searchenforced=true parameter to the URL and then right-click and select View Page Source.

10.3 Open page for in-app-browser

To open a webpage inside a mobile app without header and footer, you have to place mobile-app after the customer segment.

For example: /avestream/blogs will become /avestream/mobile-app/blogs

11 Administration

The Admin console provides administrative functions, including backups and user account management.

Access the Admin console through the profile dropdown menu after successful login.

11.1 Backup

Under the Backup tab you will find a dropdown with all assosiated customers to your login.

After you select a customer from the dropdown a list with stored backups will be visible in a list

11.1.1 Create new Backup

To create a new backup, click Create new Backup. A modal window will appear.

 

Enter a password to secure the backup.

Important: If you forget this password, the backup will be permanently inaccessible.

 

If you choose Remove Passwords from Backup, all configuration passwords will be excluded and cannot be restored.

11.1.2 Download Backup

Clicking on the backup's name initiates the download of the backup file to your computer.

11.1.3 Delete Backup

To delete a backup, click the trash icon next to it. After confirmation, the backup will be permanently deleted.

11.2 Users

Under the Users section, you can control which users have access to your customers.

11.2.1 Link existing User

To manage access for a specific customer:

To grant access to an existing AveStream user:

11.2.2 Add user (Global Admin only)

If you have Global Admin privileges, you'll see an additional button to Add new user.

Clicking this button will bring up a form where you can enter the new user's details:

Username / Email

Must be a valid email address

Password

Enter the new user's password

First name

Enter the new user's first name

Last name

Enter the new user's last name

 

The newly created user will be automatically linked to the currently selected customer.

11.3 Demo Data Importer

In the Demo Data Import section, you can import demo data to a selected customer.

11.3.1 Import Blogs

This feature allows you to import sample blog posts from dummyjson.com

Page size

Specify the number of blogs to import per page

Page index

Enter the page number to import (starting with 0 for the first page)

Image

Choose the source for blog images:

None: No images will be imported

Picsum: Downloads images from picsum.photos (

https://picsum.photos/images) using the blog ID

Text: Generates an image with the blog title as text on a random background color (https://dummyjson.com/docs/image)

Width

Set the desired width of the imported images

Height

Set the desired height of the imported images

 

11.3.2 Import Shop Products

This feature allows you to import sample shop products from dummyjson.com

Page size

Specify the number of blogs to import per page

Page index

Enter the page number to import (starting with 0 for the first page)

Image

Choose the source for blog images:

None: No images will be imported

Picsum: Downloads images from picsum.photos (

https://picsum.photos/images) using the blog ID

Text: Generates an image with the blog title as text on a random background color (https://dummyjson.com/docs/image)

Width

Set the desired width of the imported images

Height

Set the desired height of the imported images

 

11.3.3 Import Images

This feature lets you import sample images from picsum.photos o dummyjson.com

Page size

Specify the number of images to import per page

Page index

Enter the page number to import (starting with 0 for the first page)

Image

Choose the source for blog images:

Picsum: Downloads images from picsum.photos (

https://picsum.photos/images) using the blog ID

Text: Generates an image with the blog title as text on a random background color (https://dummyjson.com/docs/image)

Width

Set the desired width of the imported images

Height

Set the desired height of the imported images

 

12 Glossar

Term

Definition

Frontend

Encompasses all client-facing projects, including the Admin Console, Manager Console, and web page presentation.

Backend

Represents the core server infrastructure, handling all server-side logic and data processing.

Publisher-Console

Empowers authorized customers to manage website content and configuration, including articles, settings, and styles, to control the visitor experience.

Admin-Console

Provides additional administrative functions for authorized customers, such as managing backups and user accounts.

Webpage

Displays content to both authorized and unauthorized visitors.

Customer

AveStream clients with varying roles (e.g., administrators, users), each granted specific access and functionality.

Visitor

Individuals who access and view web page content, regardless of authentication status.

Content Management System (CMS)

Serves as an intermediary between customers and visitors, streamlining content creation and delivery for optimal presentation.

Web API

Enables communication between applications over the internet. It allows software to access and exchange data or functionality from web servers and web browsers.

Web scraping

The automated process of extracting data from websites. This involves retrieving the underlying HTML code of a webpage, parsing it, and then extracting specific information.

Article

A distinct unit of content within a web publication, such as a blog post or page. It is structured as a sequence of content elements.

Content Element

A modular component within an article, designed to display a specific type of data or content.